/*
@author: user
@date: 2022/6/21 15:06
@Version: 1.0
@last modifined by : 2022/6/21 15:06
@last Modifined time : 2022/6/21 15:06
*/

import React, { useState } from 'react';
import { SettingOutlined } from '@ant-design/icons';
import SDrawer from '@C/base/SDrawer';
import ThemeDemo from '@C/ThemeSkinning/ThemeDemo';
import './index.less';

/** ThemeSkinning(主题换肤)组件说明
* @author: JasonStandFor
* @description Desc:: 主题换肤
* @return ThemeSkinning
* @example:
<ThemeSkinning />
* */
const Index = () => {
  const [visible, setVisible] = useState(false);

  return (
    <div className="common-component-theme-skinning">
      <SettingOutlined className="common-component-skinning-settings" onClick={setVisible}/>
      <SDrawer
        open={visible}
        width="small"
        onClose={() => setVisible(false)}
        Children={<ThemeDemo />}
      />
    </div>
  );
};

export default Index;
